// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)

Vue.config.productionTip = false

// 引入请求接口列表
import api from './api/api'
Vue.prototype.api = api

// 引入axios请求方式并设置原型属性名为ajax
import axios from './utils/axios'
Vue.prototype.axios = axios

// 引入本地存储组件并设置原型属性名为storage
import vStorage from './utils/vStorage.js'
vStorage.setPrefix('qz_') // key的前缀
vStorage.setStoregeType('localStorage') // 默认存储方式
Vue.prototype.storage = vStorage

// 引入通用脚本并设置原型属性名为$
import commonJs from './utils/common.js'
Vue.prototype.$ = commonJs

// 头部组件注册为公共组件
import ComHeader from '@/components/ComHeader.vue'
Vue.component('ComHeader', ComHeader)

// tabbar组件注册为公共组件
import ComFooter from '@/components/ComFooter.vue'
Vue.component('ComFooter', ComFooter)

// 引入公共样式文件
require('./style/style.scss')

// rem配置
var _html = document.getElementsByTagName('html')[0];
var ch = document.documentElement.clientWidth;
if(ch > 720){
    _html.style.fontSize = '66.66px';
}else{
    // 在1080px宽度的设计稿中，量取到的大小直接除于100加上rem单位
    _html.style.fontSize = ch*100/1080 + 'px';
}

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})
